<template>
<div>
    <div class="cheng-y">
        <van-nav-bar
  title="成就"
  left-text=""
  right-text="全部"
  left-arrow
  @click-left="onClickLeft"
  @click-right="onClickRight"
/>
    </div>
    <div class="boss-y">
    <div class="lunbo-y"></div>
    <div class="di-y">
        <h6>第一次叫妈妈</h6>
        <p>宝宝一岁两个月,第一次明确的在喊妈妈,心都给我萌化了。</p>
    </div>
    <van-button round type="danger" class="ru-y">查看更多</van-button>
    </div>
</div>
</template>

<script>
export default {
    name:'Achievement',
    methods: {
    onClickLeft() {
      this.$router.go(-1)
    },
    onClickRight() {
      this.$router.push('/Allachievement');
    }
  }
}
</script>

<style scpoed>
.boss-y{
left: 58px;
top: 120px;
width: 261px;
height: 551px;
line-height: 20px;
border-radius: 12px;
background-color: rgba(236, 236, 236, 1);
text-align: center;
border: 1px solid rgba(255, 255, 255, 0);
margin-left:58px;
margin-top:76px;
}
.lunbo-y{
left: 58px;
top: 120px;
width: 261px;
height: 286px;
line-height: 20px;
border-radius: 12px;
background-color: rgba(236, 236, 236, 1);
text-align: center;
border: 1px solid rgba(255, 255, 255, 0);
}
.di-y{
width:261px;
height:94px;
line-height: 20px;
border-radius: 12px;
background-color: rgba(236, 236, 236, 1);
text-align: center;
border: 1px solid rgba(255, 255, 255, 0);
}
.di-y h6{
    font-size: 16px;
    line-height: 22px;
    border-top:1px solid #CCC;
}
.di-y p {
    width:229px;
    height:40px;
    font-size: 14px;
    line-height: 20px;
   margin-left:17px;
    
}
.ru-y{
    width:161px;
    height:30;
    line-height: 30px;
    background:#ccc;
    border: 0;
    margin-top:66px;
    margin-bottom: 60px;
}
</style>